/* 文字排列样式 */
.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/* 元素排列样式 */
.float-left {
    float: left;
}

.float-right {
    float: right;
}

/* 间距 */
.row-padding {
    padding-left: 16px !important;
    padding-right: 16px !important;
    height: auto;
}

.col-padding {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    width: auto;
}

.form-group {
    margin-bottom: 16px !important;
}

.form-group-sm {
    margin-bottom: 8px !important;
}

.form-group-first {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.row-space > * {
    margin-right: 8px !important;
}

.row-space > *:last-child {
    margin-right: 0 !important;
}

.col-space > * {
    margin-bottom: 8px !important;
}

.col-space > *:last-child {
    margin-bottom: 0 !important;
}

/* flex */
.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-item {
    flex: 1;
}

.flex-auto {
    flex: auto;
}

.row-justify-between {
    justify-content: space-between;
    align-items: center;
}

.align-items-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
